.buy-box {
  height: 100%;
  margin: 10rpx 32rpx;
  .buy-address {
    height: 132rpx;
    border-radius: 20rpx;
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    .address-img {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      .address-border {
        height: 50rpx;
        width: 50rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background: rgba(247, 247, 247, 1);
        .border-img {
          height: 35rpx;
          width: 35rpx;
        }
      }
    }
    .address-title {
      flex: 4;
      display: flex;
      flex-direction: column;
      font-size: 28rpx;
      font-weight: 700;
      color: rgba(26, 26, 26, 1);
      .address-mintext {
        font-size: 22rpx;
        font-weight: 500;
        color: rgba(153, 153, 153, 1);
        text-align: left;
      }
    }
    .address-icon {
      flex: 1;
      margin-left: auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .buy-detail {
    margin: 30rpx 0;
    height: 530rpx;
    background-color: #fff;
    border-radius: 20rpx;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    .dai-pay {
      margin: 0 20rpx;
      display: flex;
      height: 260rpx;
      .dai-pay-left {
        flex: 1.5;
        display: flex;
        justify-content: center;
        align-items: center;
        .pay-img {
          height: 180rpx;
          width: 180rpx;
          border-radius: 12rpx;
        }
      }
      .dai-pay-center {
        flex: 3;
        display: flex;
        margin-left: 10rpx;
        flex-direction: column;
        .day-pay-text {
          margin-top: 40rpx;
          font-size: 26rpx;
          font-weight: 700;
          letter-spacing: 0px;
          line-height: 19.6px;
          color: rgba(26, 26, 26, 1);
          text-align: left;
        }
        .day-pay-title {
          font-size: 22rpx;
          font-weight: 500;
          color: rgba(153, 153, 153, 1);
          text-align: left;
        }
        .day-pay-price {
          margin-top: 60rpx;
          font-size: 28rpx;
          font-weight: 500;
          letter-spacing: 0px;
          line-height: 17.58px;
          color: rgba(26, 26, 26, 1);
          text-align: left;
        }
      }
      .dai-pay-right {
        flex: 0.5;
        display: flex;
        justify-content: center;
        align-items: center;
        .dai-pay-rightBottom {
          flex: 1;
          display: flex;
          font-size: 24rpx;
          justify-items: center;
          justify-content: center;
          color: rgba(153, 153, 153, 1);
        }
      }
    }
    .info-box {
      height: 162rpx;
      margin: 0 10rpx 0 20rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-bottom: 1px solid #f0f0f0;
      .info-list {
        height: 70rpx;
        display: flex;
        justify-content: space-between;
        .info-left {
          flex: 5;
          display: flex;
          align-items: center;
        }
        .info-right {
          flex: 1.5;
          display: flex;
          margin-left: auto;
          display: flex;
          justify-content: center;
          align-items: center;
          .info-right-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24rpx;
            font-weight: 400;
            color: rgba(153, 153, 153, 1);
            text-align: right;
          }
        }
      }
    }
    .allow {
      display: flex;
      margin: 0 30rpx;
      padding: 30rpx 0;
      margin-left: auto;
      .allow-price {
        font-size: 36rpx;
        font-weight: 500;
        color: rgba(245, 73, 73, 1);
      }
    }
  }
  .pay-box {
    display: flex;
    height: 104rpx;
    background-color: #fff;
    border-radius: 20rpx;
    justify-content: space-between;
    .pay-method,
    .pay-name {
      display: flex;
      align-items: center;
      padding: 0 30rpx;
    }
    .pay-method {
    }
    .pay-name {
    }
  }
}
.buy-cart {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  height: 160rpx;
  background: rgba(255, 255, 255, 1);
  padding: 20rpx;
  .bottom-left {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80rpx;
  }
  .bottom-right {
    flex: 2;
    height: 80rpx;
    display: flex;
    font-weight: 700;
    .btn {
      border-radius: 20rpx;
      color: #fff;
      width: 280rpx;
      height: 70rpx;
      font-size: 36rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(9, 171, 79, 1);
    }
  }
}
